<template>
  <div class="dashboard-container">
    <div>
      <div>
        <el-row :gutter="20">
          <el-col :span="3">
            <div>
              <div v-for="no in [1, 2, 3, 4]" :key="no">
                <video
                  src="https://www.w3school.com.cn/i/movie.ogg"
                  width="100%"
                  height="100%"
                  controls="controls"
                  autoplay="autoplay"
                  :loop="true"
                  :muted="true"
                />
              </div>
            </div>
          </el-col>
          <el-col :span="18">
            <div>
              <div>
                <el-row :gutter="20">
                  <el-col :span="4">
                    <video
                      src="https://www.w3school.com.cn/i/movie.ogg"
                      width="100%"
                      height="100%"
                      controls="controls"
                      autoplay="autoplay"
                      :loop="true"
                      :muted="true"
                    />
                  </el-col>
                  <el-col :span="6">
                    //中文最低 //中文最低 //中文最低 //中文最低 //中文最低
                    //中文最低
                    <!-- <iframe
                      name="child"
                      src="http://47.105.136.70/test/Warn/demo/#/page_2"
                      frameborder="0"
                      scrolling="no"
                      width="100%"
                      height="100%"
                    >
                      //
                    </iframe> -->
                  </el-col>
                  <el-col :span="4">
                    <clock
                      size="100px"
                      border="none"
                      bg="radial-gradient(circle, #0c9fe5, #1f7be1, #189f91)"
                    />
                  </el-col>
                  <el-col :span="6">
                    <div>
                      <!-- //中文最低 //中文最低 //中文最低 //中文最低 //中文最低
                      //中文最低 //中文最低 //中文最低 //中文最低 //中文最低
                      //中文最低 //中文最低 //中文最低 //中文最低 //中文最低
                      //中文最低 //中文最低 //中文最低 -->
                      <iframe
                        name="child"
                        src="http://47.105.136.70/test/Warn/demo/#/page_2"
                        width="300"
                        height="200"
                        frameborder="0"
                        scrolling="no"
                      >
                        //
                      </iframe>
                    </div>
                  </el-col>
                  <el-col :span="4">
                    <video
                      src="https://www.w3school.com.cn/i/movie.ogg"
                      width="100%"
                      height="100%"
                      controls="controls"
                      autoplay="autoplay"
                      :loop="true"
                      :muted="true"
                    />
                  </el-col>
                </el-row>
              </div>
              <div>
                <img
                  src="http://www.ruisteiner.com/uploadfiles/2014/11/image021.jpg"
                  width="100%"
                  height="300"
                />
              </div>
            </div>
          </el-col>
          <el-col :span="3">
            <div>
              <div v-for="no in [1, 2, 3, 4]" :key="no">
                <video
                  src="https://www.w3school.com.cn/i/movie.ogg"
                  width="100%"
                  height="100%"
                  controls="controls"
                  autoplay="autoplay"
                  :loop="true"
                  :muted="true"
                />
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import Clock from 'vue-clock2'

export default {
  name: 'Dashboard',
  components: { Clock },
  data() {
    return {
      //
    }
  },
  computed: {},
  async created() {
    //
  },

  mounted() {},

  methods: {
    //
  }
}
</script>
<style type="text/css">
iframe {
  transform: scale(0.3) translate(200px, 100px);
}
</style>
